/*
* @Author: acer
* @Date:   2017-10-25 10:28:01
* @Last Modified by:   acer
* @Last Modified time: 2017-11-09 15:08:29
*/


body {
	// background-color: #f97e84;
}

.doubleeleven {
	// background: #ffa977 url('./images/double_eleven/double_eleven_bg.png') no-repeat fixed top;
	background-size: 100% auto;
	// padding-bottom: 10rem;
}


.asdasdasdasdsafds {
	position: relative;
	border-top-left-radius: 50% 3rem;
	border-top-right-radius: 50% 3rem;
	overflow: hidden;
	background: #ffa977 url('./images/double_eleven/double_eleven_bg.png') no-repeat fixed top;
	background-size: 100% auto;
	padding-bottom: 10rem;
	z-index: 1;
	box-shadow: 0 0 15px rgba(69, 69, 69, 0.79);
	min-height: 500px;
}

.img-container,
.img-container img {
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
}


.xl-list {
	padding: .25rem;
	overflow: hidden;
}
.xl-list-left {
	float: left;
	width: 33.333333%;
}

.xl-list-left .xl-list-item a {
	height: 21.7rem;
}

.xl-list-right {
	float: left;
	width: 66.666666%;
}
.xl-list-right .xl-list-item a{
	height: 10.5rem;
}

.xl-list-item {
	padding: .25rem;
}


.tj-list {
	padding: .25rem;
	overflow: hidden;
}
.tj-list-left {
	float: left;
	width: 33.333333%;
}
.tj-list-left .tj-list-item a {
	height: 21.7rem;
}


.tj-list-right {
	float: left;
	width: 66.666666%;
}

.tj-list-item {
	padding: .25rem;
}

.tj-list-right .tj-list-item a{
	height: 10.5rem;
}

.tj-list-right .tj-list-item .introduction {
	white-space: normal;
}



// .tj-list {
// 	padding: .25rem;
// 	overflow: hidden;
// }
// .tj-list-item {
// 	float: left;
// 	width: 50%;
// 	padding: .25rem;
// }










.product-list, .product-item {
	position: relative;
	padding: .25rem;
}

.product-list:after {
    content: '';
    display: block;
    clear: both;
}

.product-item {
	float: left;
	width: 33.333333%;
}
.product {
	position: relative;
	display: block;
	background-color: #fff;
	border-radius: .4rem;
	overflow: hidden;
}
.product:hover,
.product:focus {
	text-decoration: none;
}

.product .cover {
	width: 100%;
	display: block;
}

.product p {
	margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product .name {
	font-size: 1.3rem;
	font-weight: bold;
	color: #444;
	padding: .1rem .4rem;
}

.product .introduction {
	font-size: 1.1rem;
	color: #e84a47;
	padding: .1rem .4rem;
}
.product .price {
	font-size: 1.1rem;
	color: #e84a47;
	padding: .2rem .4rem;
}

.product .price span {
	font-size: 1.4rem;
}

.product .gwc {
	position: absolute;
	right: .5rem;
	bottom: .5rem;
	width: 1.4rem;
	height: 1.4rem;
}
.product .progress-box {
	position: relative;
}
.product .progress {
    height: .5rem;
    margin: .2rem 2.8rem .2rem .4rem;

}
.product .progress-text {
	position: absolute;
	font-size: 1rem;
	color: #e84a47;
	right: 0;
	bottom: 0;
	width: 2.4rem;
}
.product .btn {
	color: #fff;
    margin: .2rem .4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    padding: 0;
    display: block;
    font-size: 1.4rem;
    border-radius: .4rem;
	background-color: #e84a47;
}

.product .my-label {
    position: absolute;
    width: 3rem;
    display: block;
    left: 0.5rem;
    top: 0;
    z-index: 1;
}


.product-list .more {
    position: absolute;
    display: block;
    width: 10rem;
    left: 50%;
    bottom: -2.5rem;
	transform: translate(-50%, 0);
	z-index: 99;
	margin: auto;
}

.product-list .more img {
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
}



.product-row > .cover{
	float: left;
	width: 38%;
}

.product-row > div{
	margin-left: 38%;
	padding: .4rem 0 0;
}



.product-tj > .cover{
	float: left;
	width: 40%;
}

.product-tj > div{
	margin-left: 40%;
	padding: .5rem 0;
	position: relative;
}

.product-tj > div .btn {
    position: absolute;
    right: 0;
    bottom: .1rem;
    width: auto;
    height: 1.8rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding: 0 .5rem;
    border-radius: 1.8rem;
}

.product-tj p.name {
	height: 2.8rem;
	line-height: 1.4rem;
	white-space: normal;
}
.product-tj > div .price {
	padding: .6rem .4rem 0
}





.topbanner .bg {
	width: 100%;
	display: block;
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(15px);
    width: 150%;
}


.topbanner .swiper-pagination {
	display: none;
}
.topbanner .swiper-slide {
	box-shadow: 0 0 5px rgba(34, 34, 34, 0.64);
	margin: 37px 0 15px;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.topbanner .bg-box {
	width: 100%;
	overflow: hidden;
	display: block;
	position: absolute;
	left: 0;
	top： 0;
	z-index: 1;
}
.topbanner .swiper-pagination {
    position: relative;
    top: -10px;
}


.mt-0 {
	margin-top: 0;
}
.pt-0 {
	padding-top: -0px;
}
.ov-h {
	overflow: hidden;
}


.flmd {
	margin:  1.75rem .25rem;
	border-radius: 10px;
    background-color: #fff;
	overflow: hidden;
}

.flmd h5 {
	height: 40px;
	width: 100%;
    margin: 0;
    line-height: 40px;
    overflow: hidden;
    background: #fff;
}
.flmd h5 span {
    color: #f9384d;
    font-size: 16px;
}
.flmd-list {
    background-color: #fff;
}
.flmd-list:after {
    content: '';
    display: block;
    clear: both;
}
.flmd-list a {
	display: block;
	width: 50%;
	float: left;
}

.flmd-list a:nth-of-type(7n-4),
.flmd-list a:nth-of-type(7n-5),
.flmd-list a:nth-of-type(7n-6) {
	width: 33.333333%; 
}
.flmd-list a:nth-of-type(7n-4) {
}

.flmd-list img {
	display: block;
	width: 100%;
}